@import '../c_themes/theme.scss';
// 多选列表
.checkbox-list {
	padding: 20rpx;
}
	// 列表容器
	.checkbox-list .list-content {
		display: flex;
		flex-wrap: wrap;
	}
	// 列表-子项目
	.checkbox-list .list-content label{
		padding: 10rpx 0;
		margin: 5px 0;
		width: 33%;
	}
// 图片选择列表
.choose-photos-list {
	padding: 0 20rpx;
}
	.control-list .choose-photos-list, .control-list .checkbox-list{
		border-bottom: $common-line-width solid $tweenLine-color;
	}
	// 容器
	.choose-photos-list .list-content {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
// 选择照片
.choose-photo{
	width: 220rpx;
	height: 220rpx;
	border-radius: $small-border-radius;
	flex: 1 0 0 auto;
	background-image: $default-input-photo;
	background-size: $common-imgIcon-bg-size;
	background-repeat: no-repeat;
	margin: 0 0 20rpx 0;
	position: relative;
	cursor: pointer;
	display: inline-block;
	}
	// 图片容器
	.choose-photo div {
		width: 220rpx;
		height: 220rpx;
		overflow: hidden;
		border-radius: $small-border-radius;
		background-size: 100% auto !important;
		background-position: center;
	}
	// 图片
	.choose-photo image {
		width: 220rpx;
		height: 220rpx;
	}
	// 移除按钮
	.choose-photo .btn-small-remove,.choose-cigar-photo .btn-small-remove {
		position: absolute;
		right: -10rpx;
		top:-10rpx
	}
	.choose-photo .btn-upLoad-photo {
		position: absolute;
		left: 40rpx;
		top:80rpx;
	}
// 列表项
.control-list {
	background-color: $weakest-color;
}
// 子项目
.control-list .list-item{
	padding:15rpx 20rpx;
	border-bottom: $common-line-width solid $tweenLine-color;
	display: flex;
	justify-content: space-between;
}
// 按钮组
.control-list .list-item .wrap-button {
	width: 120rpx;
}
// 列表中的内容
.control-list .detail-content {
	border-bottom: $common-line-width solid $tweenLine-color;
}
	// 内容中的选项列表，最后一项不要下划线
	.control-list .detail-content .control-list .list-item:last-child{
		border-bottom: none;
	}
	// 内容中的设置列表
	.detail-content .control-list .list-item {padding: 15rpx 0;}
// 列表上令起一行的本条说明
.control-list .item-head{
	padding:15rpx 20rpx 0 20rpx;
	display: flex;
	justify-content: space-between;
}
// 警告文字
.control-list .item-head .item-wrong-info {
	color: $important-color;
}
// 子标题
.control-list .list-title{
	font-size: $title3-fontSize;
	color: $sub-color;
	padding-top: 20rpx;
	width: 100%;
}
// 图标
.control-list .fontIcon {
	width: 50rpx;
	height: 40rpx;
	line-height: 40rpx;
	text-align: center;
	align-self: center;
	color: $sub-color;
}
// 名
.control-list .item-name {
	align-self: center;
	height: 60rpx;
	line-height: 60rpx;
}
// 选中后的地址名
.control-list .item-address-info {
	color: $important-color;
	width: 90%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	align-self: center;
}
// 描述
.control-list .item-desc {
	flex: 1;
	text-align: left;
	align-self: center;
	color: $sub-color;
}
// 说明
.control-list .item-info {
	flex: 1;
	text-align: right;
	align-self: center;
	color: $sub-color;
	padding: 0 10rpx;
}
// 文字链接
.control-list .link-text {
	align-self: center;
	padding: 0 10rpx;
	text-decoration:none;
	font-weight: bold;
	font-size: $title3-fontSize;
}
// 输入框
.control-list .text-input {
	align-self: center;
	padding: 15rpx;
	border-radius: $larger-border-radius;
}
// 开关
.control-list .uni-switch-input {
	margin-right: 0;
}
// 项目
.filter-item {
	display: flex;
	align-items: center;
	color: $sub-color;
}
	// 筛选器
	.filter-item .filter-controller {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		padding-right: 30rpx;
		position: relative;
		text-align: center;
		color: $normal-color;
	}
	// 下箭头图标
	.filter-controller::after {
		font-family: iconFonts;
		content: $icon-down-arrow;
		display: block;
		position: absolute;
		top: 0;
		right: 0;
	}
// 控件中的引用项目
.control-list .quote-card{
	margin: 15rpx;
}
// 数量控件
.control-list .number-controller {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	width: auto;
}
	// 数量控件-按钮
	.control-list .number-controller button {
		border-radius: $larger-border-radius;
		border: $common-line-width solid $weak-color;
		background-color: $weakest-color;
		width: 60rpx;
		height: 60rpx;
		font-family: iconFonts;
		margin: 0;
		padding: 0;
		box-shadow: 0 8rpx 20rpx rgba(0, 0, 0, 0.1);
		}
	// 数量控件-按钮-图标
	.control-list .number-controller button::after {
		color:$light-color;
		font-size: 60rpx;
		line-height: 2;
		text-align: center;
	}
	// 加图标
	.control-list .number-controller .control-add-btn::after {
		content: $icon-add;
	}
	// 减图标
	.control-list .number-controller .control-sub-btn::after {
		content: $icon-sub;
	}
	// 数字
	.control-list .number-controller .controller-number {
		width: 80rpx;
		text-align: center;
	}
// 多条信息
.control-list .item-multiple-info{
	flex:auto;
}
	// 多条信息-列表项
	.control-list .item-multiple-info view {
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		width: 530rpx;
		text-align: left;
	}
		// 地址信息-信息-收件人姓名
		.control-list .item-multiple-info .title{
			color: $normal-color;
		}
		// 地址信息-信息-收件人电话
		.control-list .item-multiple-info .number{
			color: $sub-color;
			font-size: $small-fontSize;
		}
		// 地址信息-信息-地址
		.control-list .item-multiple-info .other{
			color: $normal-color;
		}
// 头像
.control-list .item-info .account-head-img {
	width: 65rpx;
	height: 65rpx;
	line-height: 65rpx;
	margin: 0 0 0 auto;
	border-radius: 100%;
	overflow: hidden;
}
	// 头像图片
	.control-list .item-info .account-head-img image {
		width: 65rpx;
		height: 65rpx;
	}

// 规则
.edit-rule {
	padding: 10rpx 40rpx;
	margin: 20rpx 0;
	display: flex;
	justify-content: space-between;
}
// 按钮容器
.wrap-fullButton {
	padding: 10rpx 20rpx;
}